<template>
  <div>
    <Modal width="80%" v-model="queryEdit" title="人员信息比对" @on-ok="queryEdit = false">
      <Row :gutter="24">
        <Col span="11">
          <Card>
            <p slot="title">旧值</p>
            <Row class="bench_search" >
              <Col span="6" style="margin-top: 6px">姓名：</Col>
              <Col span="6">
                <Input disabled v-model="personnelInfo.name" type="text"></Input>
              </Col>
            </Row>
            <Row class="bench_search" >
              <Col span="6" style="margin-top: 6px">身份证号码：</Col>
              <Col span="6">
                <Input disabled v-model="personnelInfo.card_no" type="text"></Input>
              </Col>
            </Row>
            <Row class="bench_search" >
              <Col span="6" style="margin-top: 6px"><span v-if="queryMap.sex !== undefined" style="color: red; font-size: 1.2rem">*</span>性别：</Col>
              <Col span="6">
                <Select disabled v-model="formData.sex" filterable transfer="">
                  <Option disabled :value="'0'" >男</Option>
                  <Option disabled :value="'1'" >女</Option>
                </Select>
              </Col>
            </Row>
            <Row class="bench_search" >
              <Col span="6" style="margin-top: 6px"><span v-if="queryMap.hunyin !== undefined" style="color: red; font-size: 1.2rem">*</span>婚姻状况：</Col>
              <Col span="6">
                <Select disabled v-model="formData.hunyin" filterable transfer="">
                  <Option :value="item.number" v-for="item in labelList.hunyin" v-bind:key="item.number">{{item.type_name}}</Option>
                </Select>
              </Col>
            </Row>
            <Row class="bench_search" >
              <Col span="6" style="margin-top: 6px"><span v-if="queryMap.minzu !== undefined" style="color: red; font-size: 1.2rem">*</span>民族：</Col>
              <Col span="6">
                <Select disabled v-model="formData.minzu" filterable transfer="">
                  <Option :value="item.number" v-for="item in labelList.minzu" v-bind:key="item.number">{{item.type_name}}</Option>
                </Select>
              </Col>
            </Row>
            <Row class="bench_search" >
              <Col span="6" style="margin-top: 6px"><span v-if="queryMap.zzmm !== undefined" style="color: red; font-size: 1.2rem">*</span>政治面貌：</Col>
              <Col span="6">
                <Select v-model="formData.zzmm" filterable transfer="" disabled="">
                  <Option :value="item.number" v-for="item in labelList.zzmm" v-bind:key="item.number">{{item.type_name}}</Option>
                </Select>
              </Col>
            </Row>
            <Row class="bench_search" >
              <Col span="6" style="margin-top: 6px"><span v-if="queryMap.tysb !== undefined" style="color: red; font-size: 1.2rem">*</span>是否退役士兵：</Col>
              <Col span="6">
                <Select v-model="formData.tysb" filterable transfer="" disabled>
                  <Option :value="'是'" >是</Option>
                  <Option :value="'否'" >否</Option>
                </Select>
              </Col>
            </Row>
            <Row class="bench_search" >
              <Col span="6" style="margin-top: 6px"><span v-if="queryMap.tysbdx !== undefined" style="color: red; font-size: 1.2rem">*</span>是否退役士兵定向：</Col>
              <Col span="6">
                <Select v-model="formData.tysbdx" filterable transfer="" disabled>
                  <Option :value="'是'" >是</Option>
                  <Option :value="'否'" >否</Option>
                </Select>
              </Col>
            </Row>
            <Row class="bench_search" >
              <Col span="6" style="margin-top: 6px"><span v-if="queryMap.js !== undefined" style="color: red; font-size: 1.2rem">*</span>是否军嫂：</Col>
              <Col span="6">
                <Select v-model="formData.js" filterable transfer="" disabled>
                  <Option :value="'是'" >是</Option>
                  <Option :value="'否'" >否</Option>
                </Select>
              </Col>
            </Row>
            <Row class="bench_search" >
              <Col span="6" style="margin-top: 6px"><span v-if="queryMap.zsdx !== undefined" style="color: red; font-size: 1.2rem">*</span>是否军嫂定向：</Col>
              <Col span="6">
                <Select v-model="formData.zsdx" filterable transfer="" disabled>
                  <Option :value="'是'" >是</Option>
                  <Option :value="'否'" >否</Option>
                </Select>
              </Col>
            </Row>
            <Row class="bench_search" >
              <Col span="6" style="margin-top: 6px"><span v-if="queryMap.dbhzn !== undefined" style="color: red; font-size: 1.2rem">*</span>是否为边缘低保户子女：</Col>
              <Col span="6">
                <Select v-model="formData.dbhzn" filterable transfer="" disabled>
                  <Option :value="'是'" >是</Option>
                  <Option :value="'否'" >否</Option>
                </Select>
              </Col>
            </Row>
            <Row class="bench_search" >
              <Col span="6" style="margin-top: 6px"><span v-if="queryMap.phone !== undefined" style="color: red; font-size: 1.2rem">*</span>联系方式：</Col>
              <Col span="6">
                <Input disabled v-model="formData.phone" type="text"></Input>
              </Col>
            </Row>
            <Row class="bench_search" >
              <Col span="6" style="margin-top: 6px"><span v-if="queryMap.hj_address !== undefined" style="color: red; font-size: 1.2rem">*</span>户籍地址：</Col>
              <Col span="6">
                <Input disabled v-model="formData.hj_address" type="text"></Input>
              </Col>
            </Row>
            <Row class="bench_search" >
              <Col span="6" style="margin-top: 6px"><span v-if="queryMap.jt_address !== undefined" style="color: red; font-size: 1.2rem">*</span>家庭地址：</Col>
              <Col span="6">
                <Input disabled v-model="formData.jt_address" type="text"></Input>
              </Col>
            </Row>
            <Row class="bench_search" >
              <Col span="6" style="margin-top: 6px"><span v-if="queryMap.mgzp !== undefined" style="color: red; font-size: 1.2rem">*</span>免冠照片：</Col>
              <Col span="6">
                <img :src="formData.mgzp" style="height: 120px; width: 100px;">
              </Col>
            </Row>
            <Row class="bench_search" >
              <Col span="6" style="margin-top: 6px"><span v-if="queryMap.sfzzm !== undefined" style="color: red; font-size: 1.2rem">*</span>身份证正面：</Col>
              <Col span="6">
                <img :src="formData.sfzzm" style="height: 120px; width: 100px;">
              </Col>
            </Row>
            <Row class="bench_search" >
              <Col span="6" style="margin-top: 6px"><span v-if="queryMap.sfzfm !== undefined" style="color: red; font-size: 1.2rem">*</span>身份证反面：</Col>
              <Col span="6">
                <img :src="formData.sfzfm" style="height: 120px; width: 100px;">
              </Col>
            </Row>
            <Row class="bench_search" >
              <Col span="6" style="margin-top: 6px"><span v-if="queryMap.byyx !== undefined" style="color: red; font-size: 1.2rem">*</span>毕业院校：</Col>
              <Col span="6">
                <Input disabled v-model="formData.byyx" type="text"></Input>
              </Col>
            </Row>
            <Row class="bench_search" >
              <Col span="6" style="margin-top: 6px"><span v-if="queryMap.sxzy !== undefined" style="color: red; font-size: 1.2rem">*</span>所学专业：</Col>
              <Col span="6">
                <Input disabled v-model="formData.sxzy" type="text"></Input>
              </Col>
            </Row>
            <Row class="bench_search" >
              <Col span="6" style="margin-top: 6px"><span v-if="queryMap.zgxl !== undefined" style="color: red; font-size: 1.2rem">*</span>最高学历：</Col>
              <Col span="6">
                <Select disabled v-model="formData.zgxl" filterable transfer="">
                  <Option :value="item.number" v-for="item in labelList.zgxl" v-bind:key="item.number">{{item.type_name}}</Option>
                </Select>
              </Col>
            </Row>
            <Row class="bench_search" >
              <Col span="6" style="margin-top: 6px"><span v-if="queryMap.xw !== undefined" style="color: red; font-size: 1.2rem">*</span>学位：</Col>
              <Col span="6">
                <Select disabled v-model="formData.xw" filterable transfer="">
                  <Option :value="item.number" v-for="item in labelList.xw" v-bind:key="item.number">{{item.type_name}}</Option>
                </Select>
              </Col>
            </Row>
            <Row class="bench_search" >
              <Col span="6" style="margin-top: 6px"><span v-if="queryMap.bysj !== undefined" style="color: red; font-size: 1.2rem">*</span>毕业时间：</Col>
              <Col span="6">
                <Input disabled v-model="formData.bysj" type="text"></Input>
              </Col>
            </Row>
            <Row class="bench_search" >
              <Col span="6" style="margin-top: 6px"><span v-if="queryMap.shgzs !== undefined" style="color: red; font-size: 1.2rem">*</span>社会工作师职业资格：</Col>
              <Col span="6">
                <Select disabled v-model="formData.shgzs" filterable transfer="">
                  <Option :value="item.number" v-for="item in labelList.shgzs" v-bind:key="item.number">{{item.type_name}}</Option>
                </Select>
              </Col>
            </Row>
            <Row class="bench_search" >
              <Col span="6" style="margin-top: 6px"><span v-if="queryMap.shgzssj !== undefined" style="color: red; font-size: 1.2rem">*</span>社会工作师职业资格获取时间：</Col>
              <Col span="6">
                <Input disabled v-model="formData.shgzssj" type="text"></Input>
              </Col>
            </Row>
            <Row class="bench_search">
              <Col span="6" style="margin-top: 6px"><span v-if="queryMap.dwzw !== undefined" style="color: red; font-size: 1.2rem">*</span>党委职务：</Col>
              <Col span="6">
                <Select disabled v-model="formData.shgzs" filterable transfer="">
                  <Option :value="item.number" v-for="item in labelList.dwzw" v-bind:key="item.number">{{item.type_name}}</Option>
                </Select>
              </Col>
            </Row>
              <Row class="bench_search">
                <Col span="6" style="margin-top: 6px"><span v-if="queryMap.jwzw !== undefined" style="color: red; font-size: 1.2rem">*</span>居委职务：</Col>
                <Col span="6">
                  <Select disabled v-model="formData.jwzw" filterable transfer="">
                    <Option :value="item.number" v-for="item in labelList.jvwzw" v-bind:key="item.number">{{item.type_name}}</Option>
                  </Select>
                </Col>
              </Row>
              <Row class="bench_search">
                <Col span="6" style="margin-top: 6px"><span v-if="queryMap.jwcy !== undefined" style="color: red; font-size: 1.2rem">*</span>监委职务：</Col>
                <Col span="6">
                  <Select disabled v-model="formData.jwcy" filterable transfer="">
                    <Option :value="item.number" v-for="item in labelList.jwcy" v-bind:key="item.number">{{item.type_name}}</Option>
                  </Select>
                </Col>
              </Row>
              <Row class="bench_search">
                <Col span="6" style="margin-top: 6px"><span v-if="queryMap.xhzw !== undefined" style="color: red; font-size: 1.2rem">*</span>协会职务：</Col>
                <Col span="6">
                  <Select disabled v-model="formData.xhzw" filterable transfer="">
                    <Option :value="item.number" v-for="item in labelList.xhzw" v-bind:key="item.number">{{item.type_name}}</Option>
                  </Select>
                </Col>
              </Row>
              <Row class="bench_search" >
              <Col span="6" style="margin-top: 6px"><span v-if="queryMap.rzsj !== undefined" style="color: red; font-size: 1.2rem">*</span>任职时间：</Col>
              <Col span="6">
                <Input disabled v-model="formData.rzsj" type="text"></Input>
              </Col>
            </Row>
              <Row class="bench_search" >
              <Col span="6" style="margin-top: 6px"><span v-if="queryMap.rz_time !== undefined" style="color: red; font-size: 1.2rem">*</span>入职时间：</Col>
              <Col span="6">
                <Input disabled v-model="formData.rz_time" type="text"></Input>
              </Col>
            </Row>
              <Row class="bench_search" >
                <Col span="6" style="margin-top: 6px"><span v-if="queryMap.bscj !== undefined" style="color: red; font-size: 1.2rem">*</span>笔试成绩：</Col>
                <Col span="6">
                  <Input disabled v-model="formData.bscj" type="text"></Input>
                </Col>
              </Row>
              <Row class="bench_search" >
                <Col span="6" style="margin-top: 6px"><span v-if="queryMap.mscj !== undefined" style="color: red; font-size: 1.2rem">*</span>面试成绩：</Col>
                <Col span="6">
                  <Input disabled v-model="formData.mscj" type="text"></Input>
                </Col>
              </Row>
              <Row class="bench_search" >
                <Col span="6" style="margin-top: 6px"><span v-if="queryMap.qtzyzg !== undefined" style="color: red; font-size: 1.2rem">*</span>其他职业资格：</Col>
                <Col span="6">
                  <Input disabled v-model="formData.qtzyzg" type="text"></Input>
                </Col>
              </Row>
              <Row class="bench_search" >
                <Col span="6" style="margin-top: 6px"><span v-if="queryMap.jxjyqk !== undefined" style="color: red; font-size: 1.2rem">*</span>继续教育情况：</Col>
                <Col span="6">
                  <Input disabled v-model="formData.jxjyqk" type="text"></Input>
                </Col>
              </Row>
              <Row class="bench_search" >
                <Col span="6" style="margin-top: 6px"><span v-if="queryMap.qksgzg !== undefined" style="color: red; font-size: 1.2rem">*</span>是否取得全科社工工资：</Col>
                <Col span="6">
                  <Select v-model="formData.qksgzg" filterable transfer="" disabled>
                    <Option :value="'是'" >是</Option>
                    <Option :value="'否'" >否</Option>
                  </Select>
                </Col>
              </Row>
              <Row class="bench_search" >
                <Col span="6" style="margin-top: 6px"><span v-if="queryMap.qksg_time !== undefined" style="color: red; font-size: 1.2rem">*</span>全科社工工资取得时间：</Col>
                <Col span="6">
                  <Input disabled v-model="formData.qksg_time" type="text"></Input>
                </Col>
              </Row>
              <Row class="bench_search" >
                <Col span="6" style="margin-top: 6px"><span v-if="queryMap.cjjn_time !== undefined" style="color: red; font-size: 1.2rem">*</span>初次缴纳时间：</Col>
                <Col span="6">
                  <Input disabled v-model="formData.cjjn_time" type="text"></Input>
                </Col>
              </Row>
              <Row class="bench_search">
                <Col span="6" style="margin-top: 6px"><span v-if="queryMap.czfdbx !== undefined" style="color: red; font-size: 1.2rem">*</span>是否有财政负担保险:</Col>
                <Col span="6">
                  <Select disabled v-model="formData.czfdbx" filterable transfer="">
                    <Option :value="'是'" >是</Option>
                    <Option :value="'否'" >否</Option>
                  </Select>
                </Col>
              </Row>
              <Row class="bench_search" >
                <Col span="6" style="margin-top: 6px"><span v-if="queryMap.qtczfdbx !== undefined" style="color: red; font-size: 1.2rem">*</span>其他财政负担保险：</Col>
                <Col span="6">
                  <Input disabled v-model="formData.qtczfdbx" type="text"></Input>
                </Col>
              </Row>
              <Row class="bench_search" >
                <Col span="6" style="margin-top: 6px"><span v-if="queryMap.lxjn !== undefined" style="color: red; font-size: 1.2rem">*</span>是否连续缴纳：</Col>
                <Col span="6">
                  <Select disabled v-model="formData.lxjn" filterable transfer="">
                    <Option :value="'是'" >是</Option>
                    <Option :value="'否'" >否</Option>
                  </Select>
                </Col>
              </Row>
              <Row class="bench_search" >
                <Col span="6" style="margin-top: 6px"><span v-if="queryMap.lxjn_time !== undefined" style="color: red; font-size: 1.2rem">*</span>持续缴纳时间：</Col>
                <Col span="6">
                  <Input disabled v-model="formData.lxjn_time" type="text"></Input>
                </Col>
              </Row>
              <Row class="bench_search" >
                <Col span="6" style="margin-top: 6px"><span v-if="queryMap.pxjl !== undefined" style="color: red; font-size: 1.2rem">*</span>培训记录：</Col>
                <Col span="6">
                  <Select disabled v-model="formData.pxjl" filterable transfer="">
                    <Option :value="item.number" v-for="item in labelList.khjg" v-bind:key="item.number">{{item.type_name}}</Option>
                  </Select>
                </Col>
              </Row>
              <Row class="bench_search" >
                <Col span="6" style="margin-top: 6px"><span v-if="queryMap.pxpd !== undefined" style="color: red; font-size: 1.2rem">*</span>综合评定：</Col>
                <Col span="6">
                  <Select disabled v-model="formData.pxpd" filterable transfer="">
                    <Option :value="'10'" >优秀</Option>
                    <Option :value="'20'" >称职</Option>
                    <Option :value="'40'" >不称职</Option>
                  </Select>
                </Col>
              </Row>
              <Row class="bench_search" >
                <Col span="6" style="margin-top: 6px"><span v-if="queryMap.CPWI021 !== undefined" style="color: red; font-size: 1.2rem">*</span>离职时间：</Col>
                <Col span="6">
                  <Input disabled v-model="formData.CPWI021" type="text"></Input>
                </Col>
              </Row>
              <Row class="bench_search">
                <Col span="6" style="margin-top: 6px"><span v-if="queryMap.fp !== undefined" style="color: red; font-size: 1.2rem">*</span>是否返聘:</Col>
                <Col span="6">
                  <Select disabled v-model="formData.fp" filterable transfer="">
                    <Option :value="'1'" >是</Option>
                    <Option :value="'0'" >否</Option>
                  </Select>
                </Col>
              </Row>
              <Row class="bench_search" >
                <Col span="6" style="margin-top: 6px"><span v-if="queryMap.fpyy !== undefined" style="color: red; font-size: 1.2rem">*</span>返聘原因：</Col>
                <Col span="6">
                  <Input disabled v-model="formData.fpyy" type="text"></Input>
                </Col>
              </Row>
              <Row class="bench_search">
                <Col span="6" style="margin-top: 6px"><span v-if="queryMap.ldht !== undefined" style="color: red; font-size: 1.2rem">*</span>劳动合同:</Col>
                <Col span="6">
                  <Select disabled v-model="formData.ldht" filterable transfer="">
                    <Option :value="'是'" >是</Option>
                    <Option :value="'否'" >否</Option>
                  </Select>
                </Col>
              </Row>
              <Row class="bench_search" >
                <Col span="6" style="margin-top: 6px"><span v-if="queryMap.ldhtjf !== undefined" style="color: red; font-size: 1.2rem">*</span>劳动合同甲方：</Col>
                <Col span="6">
                  <Input disabled v-model="formData.ldhtjf" type="text"></Input>
                </Col>
              </Row>
              <Row class="bench_search" >
                <Col span="6" style="margin-top: 6px"><span v-if="queryMap.qtjf !== undefined" style="color: red; font-size: 1.2rem">*</span>其他甲方：</Col>
                <Col span="6">
                  <Input disabled v-model="formData.qtjf" type="text"></Input>
                </Col>
              </Row>
              <Row class="bench_search" >
                <Col span="6" style="margin-top: 6px"><span v-if="queryMap.ldgxzm !== undefined" style="color: red; font-size: 1.2rem">*</span>劳动关系证明：</Col>
                <Col span="6">
                  <Input disabled v-model="formData.ldgxzm" type="text"></Input>
                </Col>
              </Row>
              <Row class="bench_search" >
                <Col span="6" style="margin-top: 6px"><span v-if="queryMap.qtzm !== undefined" style="color: red; font-size: 1.2rem">*</span>其他证明：</Col>
                <Col span="6">
                  <Input disabled v-model="formData.qtzm" type="text"></Input>
                </Col>
              </Row>
              <Row class="bench_search" >
                <Col span="6" style="margin-top: 6px">亲属信息：</Col>
              </Row>
              <Row class="bench_search" >
                <Table border :columns="familyColumns" :data="oldFamilyList"  style="margin-top: 10px;">
                  <template slot-scope="{ row }" slot="zzmm">
                    <div v-for="item in labelList.zzmm" :key="item.number">
                      <span v-if="item.number === row.zzmm">{{ item.type_name }}</span>
                    </div>
                  </template>
                  <template slot-scope="{ row }" slot="gx">
                    <div v-for="item in labelList.qsgx" :key="item.number">
                      <span v-if="item.number === row.gx">{{ item.type_name }}</span>
                    </div>
                  </template>
                  <template slot-scope="{ row }" slot="operate">
                    <Button type="primary" @click="updateFamily(row)" style="margin-right: 10px">编辑</Button>
                    <Button type="error" @click="deleteFamily(row)">删除</Button>
                  </template>
                </Table>
              </Row>
              <Row class="bench_search" >
                <Col span="6" style="margin-top: 6px">考核信息：</Col>
              </Row>
              <Row class="bench_search" >
                <Table border :columns="assessmentColumns" :data="oldAssessmentList" style="margin-top: 10px;">
                  <template slot-scope="{ row }" slot="khlx">
                    <div v-for="item in labelList.khxx" :key="item.number">
                      <span v-if="item.number === row.khlx">{{ item.type_name }}</span>
                    </div>
                  </template>
                  <template slot-scope="{ row }" slot="khcj">
                    <div v-for="item in labelList.khjg" :key="item.number">
                      <span v-if="item.number === row.khcj">{{ item.type_name }}</span>
                    </div>
                  </template>
                  <template slot-scope="{ row }" slot="operate">
                    <Button type="primary" @click="updateAssessment(row)" style="margin-right: 10px">编辑</Button>
                    <Button type="error" @click="deleteAssessment(row)">删除</Button>
                  </template>
                </Table>
              </Row>
          </Card>
        </Col>
        <Col span="11">
          <Card>
            <p slot="title">新值</p>
            <Row class="bench_search" >
              <Col span="6" style="margin-top: 6px">姓名：</Col>
              <Col span="6">
                <Input disabled v-model="personnelInfo.name" type="text"></Input>
              </Col>
            </Row>
            <Row class="bench_search" >
              <Col span="6" style="margin-top: 6px">身份证号码：</Col>
              <Col span="6">
                <Input disabled v-model="personnelInfo.card_no" type="text"></Input>
              </Col>
            </Row>
            <Row class="bench_search" >
              <Col span="6" style="margin-top: 6px"><span v-if="queryMap.sex !== undefined" style="color: red; font-size: 1.2rem">*</span>性别：</Col>
              <Col span="6">
                <Select disabled v-model="newFormData.sex" filterable transfer="">
                  <Option disabled :value="'0'" >男</Option>
                  <Option disabled :value="'1'" >女</Option>
                </Select>
              </Col>
            </Row>
            <Row class="bench_search" >
              <Col span="6" style="margin-top: 6px"><span v-if="queryMap.hunyin !== undefined" style="color: red; font-size: 1.2rem">*</span>婚姻状况：</Col>
              <Col span="6">
                <Select disabled v-model="newFormData.hunyin" filterable transfer="">
                  <Option :value="item.number" v-for="item in labelList.hunyin" v-bind:key="item.number">{{item.type_name}}</Option>
                </Select>
              </Col>
            </Row>
            <Row class="bench_search" >
              <Col span="6" style="margin-top: 6px"><span v-if="queryMap.minzu !== undefined" style="color: red; font-size: 1.2rem">*</span>民族：</Col>
              <Col span="6">
                <Select disabled v-model="newFormData.minzu" filterable transfer="">
                  <Option :value="item.number" v-for="item in labelList.minzu" v-bind:key="item.number">{{item.type_name}}</Option>
                </Select>
              </Col>
            </Row>
            <Row class="bench_search" >
              <Col span="6" style="margin-top: 6px"><span v-if="queryMap.zzmm !== undefined" style="color: red; font-size: 1.2rem">*</span>政治面貌：</Col>
              <Col span="6">
                <Select v-model="newFormData.zzmm" filterable transfer="" disabled="">
                  <Option :value="item.number" v-for="item in labelList.zzmm" v-bind:key="item.number">{{item.type_name}}</Option>
                </Select>
              </Col>
            </Row>
            <Row class="bench_search" >
              <Col span="6" style="margin-top: 6px"><span v-if="queryMap.tysb !== undefined" style="color: red; font-size: 1.2rem">*</span>是否退役士兵：</Col>
              <Col span="6">
                <Select v-model="newFormData.tysb" filterable transfer="" disabled>
                  <Option :value="'是'" >是</Option>
                  <Option :value="'否'" >否</Option>
                </Select>
              </Col>
            </Row>
            <Row class="bench_search" >
              <Col span="6" style="margin-top: 6px"><span v-if="queryMap.tysbdx !== undefined" style="color: red; font-size: 1.2rem">*</span>是否退役士兵定向：</Col>
              <Col span="6">
                <Select v-model="newFormData.tysbdx" filterable transfer="" disabled>
                  <Option :value="'是'" >是</Option>
                  <Option :value="'否'" >否</Option>
                </Select>
              </Col>
            </Row>
            <Row class="bench_search" >
              <Col span="6" style="margin-top: 6px"><span v-if="queryMap.js !== undefined" style="color: red; font-size: 1.2rem">*</span>是否军嫂：</Col>
              <Col span="6">
                <Select v-model="newFormData.js" filterable transfer="" disabled>
                  <Option :value="'是'" >是</Option>
                  <Option :value="'否'" >否</Option>
                </Select>
              </Col>
            </Row>
              <Row class="bench_search" >
                <Col span="6" style="margin-top: 6px"><span v-if="queryMap.zsdx !== undefined" style="color: red; font-size: 1.2rem">*</span>是否军嫂定向：</Col>
                <Col span="6">
                  <Select v-model="newFormData.zsdx" filterable transfer="" disabled>
                    <Option :value="'是'" >是</Option>
                    <Option :value="'否'" >否</Option>
                  </Select>
                </Col>
              </Row>
              <Row class="bench_search" >
                <Col span="6" style="margin-top: 6px"><span v-if="queryMap.dbhzn !== undefined" style="color: red; font-size: 1.2rem">*</span>是否为边缘低保户子女：</Col>
                <Col span="6">
                  <Select v-model="newFormData.dbhzn" filterable transfer="" disabled>
                    <Option :value="'是'" >是</Option>
                    <Option :value="'否'" >否</Option>
                  </Select>
                </Col>
              </Row>
              <Row class="bench_search" >
                <Col span="6" style="margin-top: 6px"><span v-if="queryMap.phone !== undefined" style="color: red; font-size: 1.2rem">*</span>联系方式：</Col>
                <Col span="6">
                  <Input disabled v-model="newFormData.phone" type="text"></Input>
                </Col>
              </Row>
              <Row class="bench_search" >
                <Col span="6" style="margin-top: 6px"><span v-if="queryMap.hj_address !== undefined" style="color: red; font-size: 1.2rem">*</span>户籍地址：</Col>
                <Col span="6">
                  <Input disabled v-model="newFormData.hj_address" type="text"></Input>
                </Col>
              </Row>
              <Row class="bench_search" >
                <Col span="6" style="margin-top: 6px"><span v-if="queryMap.jt_address !== undefined" style="color: red; font-size: 1.2rem">*</span>家庭地址：</Col>
                <Col span="6">
                  <Input disabled v-model="newFormData.jt_address" type="text"></Input>
                </Col>
              </Row>
              <Row class="bench_search" >
                <Col span="6" style="margin-top: 6px"><span v-if="queryMap.mgzp !== undefined" style="color: red; font-size: 1.2rem">*</span>免冠照片：</Col>
                <Col span="6">
                  <img :src="newFormData.mgzp" style="height: 120px; width: 100px;">
                </Col>
              </Row>
              <Row class="bench_search" >
                <Col span="6" style="margin-top: 6px"><span v-if="queryMap.sfzzm !== undefined" style="color: red; font-size: 1.2rem">*</span>身份证正面：</Col>
                <Col span="6">
                  <img :src="newFormData.sfzzm" style="height: 120px; width: 100px;">
                </Col>
              </Row>
              <Row class="bench_search" >
                <Col span="6" style="margin-top: 6px"><span v-if="queryMap.sfzfm !== undefined" style="color: red; font-size: 1.2rem">*</span>身份证反面：</Col>
                <Col span="6">
                  <img :src="newFormData.sfzfm" style="height: 120px; width: 100px;">
                </Col>
              </Row>
              <Row class="bench_search" >
                <Col span="6" style="margin-top: 6px"><span v-if="queryMap.byyx !== undefined" style="color: red; font-size: 1.2rem">*</span>毕业院校：</Col>
                <Col span="6">
                  <Input disabled v-model="newFormData.byyx" type="text"></Input>
                </Col>
              </Row>
              <Row class="bench_search" >
                <Col span="6" style="margin-top: 6px"><span v-if="queryMap.sxzy !== undefined" style="color: red; font-size: 1.2rem">*</span>所学专业：</Col>
                <Col span="6">
                  <Input disabled v-model="newFormData.sxzy" type="text"></Input>
                </Col>
              </Row>
              <Row class="bench_search" >
                <Col span="6" style="margin-top: 6px"><span v-if="queryMap.zgxl !== undefined" style="color: red; font-size: 1.2rem">*</span>最高学历：</Col>
                <Col span="6">
                  <Select disabled v-model="newFormData.zgxl" filterable transfer="">
                    <Option :value="item.number" v-for="item in labelList.zgxl" v-bind:key="item.number">{{item.type_name}}</Option>
                  </Select>
                </Col>
              </Row>
              <Row class="bench_search" >
                <Col span="6" style="margin-top: 6px"><span v-if="queryMap.xw !== undefined" style="color: red; font-size: 1.2rem">*</span>学位：</Col>
                <Col span="6">
                  <Select disabled v-model="newFormData.xw" filterable transfer="">
                    <Option :value="item.number" v-for="item in labelList.xw" v-bind:key="item.number">{{item.type_name}}</Option>
                  </Select>
                </Col>
              </Row>
              <Row class="bench_search" >
                <Col span="6" style="margin-top: 6px"><span v-if="queryMap.bysj !== undefined" style="color: red; font-size: 1.2rem">*</span>毕业时间：</Col>
                <Col span="6">
                  <Input disabled v-model="newFormData.bysj" type="text"></Input>
                </Col>
              </Row>
              <Row class="bench_search" >
                <Col span="6" style="margin-top: 6px"><span v-if="queryMap.shgzs !== undefined" style="color: red; font-size: 1.2rem">*</span>社会工作师职业资格：</Col>
                <Col span="6">
                  <Select disabled v-model="newFormData.shgzs" filterable transfer="">
                    <Option :value="item.number" v-for="item in labelList.shgzs" v-bind:key="item.number">{{item.type_name}}</Option>
                  </Select>
                </Col>
              </Row>
              <Row class="bench_search" >
                <Col span="6" style="margin-top: 6px"><span v-if="queryMap.shgzssj !== undefined" style="color: red; font-size: 1.2rem">*</span>社会工作师职业资格获取时间：</Col>
                <Col span="6">
                  <Input disabled v-model="newFormData.shgzssj" type="text"></Input>
                </Col>
              </Row>
              <Row class="bench_search">
                <Col span="6" style="margin-top: 6px"><span v-if="queryMap.CPWI006 !== undefined" style="color: red; font-size: 1.2rem">*</span>党委职务：</Col>
                <Col span="6">
                  <Select disabled v-model="newFormData.shgzs" filterable transfer="">
                    <Option :value="item.number" v-for="item in labelList.dwzw" v-bind:key="item.number">{{item.type_name}}</Option>
                  </Select>
                </Col>
              </Row>
              <Row class="bench_search">
                <Col span="6" style="margin-top: 6px"><span v-if="queryMap.CPWI006 !== undefined" style="color: red; font-size: 1.2rem">*</span>居委职务：</Col>
                <Col span="6">
                  <Select disabled v-model="newFormData.shgzs" filterable transfer="">
                    <Option :value="item.number" v-for="item in labelList.jvwzw" v-bind:key="item.number">{{item.type_name}}</Option>
                  </Select>
                </Col>
              </Row>
              <Row class="bench_search">
                <Col span="6" style="margin-top: 6px"><span v-if="queryMap.CPWI006 !== undefined" style="color: red; font-size: 1.2rem">*</span>监委职务：</Col>
                <Col span="6">
                  <Select disabled v-model="newFormData.shgzs" filterable transfer="">
                    <Option :value="item.number" v-for="item in labelList.jwzw" v-bind:key="item.number">{{item.type_name}}</Option>
                  </Select>
                </Col>
              </Row>
              <Row class="bench_search">
                <Col span="6" style="margin-top: 6px"><span v-if="queryMap.CPWI006 !== undefined" style="color: red; font-size: 1.2rem">*</span>协会职务：</Col>
                <Col span="6">
                  <Select disabled v-model="newFormData.shgzs" filterable transfer="">
                    <Option :value="item.number" v-for="item in labelList.xhzw" v-bind:key="item.number">{{item.type_name}}</Option>
                  </Select>
                </Col>
              </Row>
              <Row class="bench_search" >
                <Col span="6" style="margin-top: 6px"><span v-if="queryMap.rzsj !== undefined" style="color: red; font-size: 1.2rem">*</span>任职时间：</Col>
                <Col span="6">
                  <Input disabled v-model="newFormData.rzsj" type="text"></Input>
                </Col>
              </Row>
              <Row class="bench_search" >
                <Col span="6" style="margin-top: 6px"><span v-if="queryMap.rz_time !== undefined" style="color: red; font-size: 1.2rem">*</span>入职时间：</Col>
                <Col span="6">
                  <Input disabled v-model="newFormData.rz_time" type="text"></Input>
                </Col>
              </Row>
              <Row class="bench_search" >
                <Col span="6" style="margin-top: 6px"><span v-if="queryMap.bscj !== undefined" style="color: red; font-size: 1.2rem">*</span>笔试成绩：</Col>
                <Col span="6">
                  <Input disabled v-model="newFormData.bscj" type="text"></Input>
                </Col>
              </Row>
              <Row class="bench_search" >
                <Col span="6" style="margin-top: 6px"><span v-if="queryMap.mscj !== undefined" style="color: red; font-size: 1.2rem">*</span>面试成绩：</Col>
                <Col span="6">
                  <Input disabled v-model="newFormData.mscj" type="text"></Input>
                </Col>
              </Row>
              <Row class="bench_search" >
                <Col span="6" style="margin-top: 6px"><span v-if="queryMap.qtzyzg !== undefined" style="color: red; font-size: 1.2rem">*</span>其他职业资格：</Col>
                <Col span="6">
                  <Input disabled v-model="newFormData.qtzyzg" type="text"></Input>
                </Col>
              </Row>
              <Row class="bench_search" >
                <Col span="6" style="margin-top: 6px"><span v-if="queryMap.jxjyqk !== undefined" style="color: red; font-size: 1.2rem">*</span>继续教育情况：</Col>
                <Col span="6">
                  <Input disabled v-model="newFormData.jxjyqk" type="text"></Input>
                </Col>
              </Row>
              <Row class="bench_search" >
                <Col span="6" style="margin-top: 6px"><span v-if="queryMap.qksgzg !== undefined" style="color: red; font-size: 1.2rem">*</span>是否取得全科社工工资：</Col>
                <Col span="6">
                  <Select v-model="newFormData.qksgzg" filterable transfer="" disabled>
                    <Option :value="'是'" >是</Option>
                    <Option :value="'否'" >否</Option>
                  </Select>
                </Col>
              </Row>
              <Row class="bench_search" >
                <Col span="6" style="margin-top: 6px"><span v-if="queryMap.qksg_time !== undefined" style="color: red; font-size: 1.2rem">*</span>全科社工工资取得时间：</Col>
                <Col span="6">
                  <Input disabled v-model="newFormData.qksg_time" type="text"></Input>
                </Col>
              </Row>
              <Row class="bench_search" >
                <Col span="6" style="margin-top: 6px"><span v-if="queryMap.cjjn_time !== undefined" style="color: red; font-size: 1.2rem">*</span>初次缴纳时间：</Col>
                <Col span="6">
                  <Input disabled v-model="newFormData.cjjn_time" type="text"></Input>
                </Col>
              </Row>
              <Row class="bench_search">
                <Col span="6" style="margin-top: 6px"><span v-if="queryMap.czfdbx !== undefined" style="color: red; font-size: 1.2rem">*</span>是否有财政负担保险:</Col>
                <Col span="6">
                  <Select disabled v-model="newFormData.czfdbx" filterable transfer="">
                    <Option :value="'是'" >是</Option>
                    <Option :value="'否'" >否</Option>
                  </Select>
                </Col>
              </Row>
              <Row class="bench_search" >
                <Col span="6" style="margin-top: 6px"><span v-if="queryMap.qtczfdbx !== undefined" style="color: red; font-size: 1.2rem">*</span>其他财政负担保险：</Col>
                <Col span="6">
                  <Input disabled v-model="newFormData.qtczfdbx" type="text"></Input>
                </Col>
              </Row>
              <Row class="bench_search" >
                <Col span="6" style="margin-top: 6px"><span v-if="queryMap.lxjn !== undefined" style="color: red; font-size: 1.2rem">*</span>是否连续缴纳：</Col>
                <Col span="6">
                  <Select disabled v-model="newFormData.lxjn" filterable transfer="">
                    <Option :value="'是'" >是</Option>
                    <Option :value="'否'" >否</Option>
                  </Select>
                </Col>
              </Row>
              <Row class="bench_search" >
                <Col span="6" style="margin-top: 6px"><span v-if="queryMap.lxjn_time !== undefined" style="color: red; font-size: 1.2rem">*</span>持续缴纳时间：</Col>
                <Col span="6">
                  <Input disabled v-model="newFormData.lxjn_time" type="text"></Input>
                </Col>
              </Row>
              <Row class="bench_search" >
                <Col span="6" style="margin-top: 6px"><span v-if="queryMap.pxjl !== undefined" style="color: red; font-size: 1.2rem">*</span>培训记录：</Col>
                <Col span="6">
                  <Select disabled v-model="newFormData.pxjl" filterable transfer="">
                    <Option :value="item.number" v-for="item in labelList.khjg" v-bind:key="item.number">{{item.type_name}}</Option>
                  </Select>
                </Col>
              </Row>
              <Row class="bench_search" >
                <Col span="6" style="margin-top: 6px"><span v-if="queryMap.pxpd !== undefined" style="color: red; font-size: 1.2rem">*</span>综合评定：</Col>
                <Col span="6">
                  <Select disabled v-model="newFormData.pxpd" filterable transfer="">
                    <Option :value="'10'" >优秀</Option>
                    <Option :value="'20'" >称职</Option>
                    <Option :value="'40'" >不称职</Option>
                  </Select>
                </Col>
              </Row>
              <Row class="bench_search" >
                <Col span="6" style="margin-top: 6px"><span v-if="queryMap.CPWI021 !== undefined" style="color: red; font-size: 1.2rem">*</span>离职时间：</Col>
                <Col span="6">
                  <Input disabled v-model="newFormData.CPWI021" type="text"></Input>
                </Col>
              </Row>
              <Row class="bench_search">
                <Col span="6" style="margin-top: 6px"><span v-if="queryMap.fp !== undefined" style="color: red; font-size: 1.2rem">*</span>是否返聘:</Col>
                <Col span="6">
                  <Select disabled v-model="newFormData.fp" filterable transfer="">
                    <Option :value="'1'" >是</Option>
                    <Option :value="'0'" >否</Option>
                  </Select>
                </Col>
              </Row>
              <Row class="bench_search" >
                <Col span="6" style="margin-top: 6px"><span v-if="queryMap.fpyy !== undefined" style="color: red; font-size: 1.2rem">*</span>返聘原因：</Col>
                <Col span="6">
                  <Input disabled v-model="newFormData.fpyy" type="text"></Input>
                </Col>
              </Row>
              <Row class="bench_search">
                <Col span="6" style="margin-top: 6px"><span v-if="queryMap.ldht !== undefined" style="color: red; font-size: 1.2rem">*</span>劳动合同:</Col>
                <Col span="6">
                  <Select disabled v-model="newFormData.ldht" filterable transfer="">
                    <Option :value="'是'" >是</Option>
                    <Option :value="'否'" >否</Option>
                  </Select>
                </Col>
              </Row>
              <Row class="bench_search" >
                <Col span="6" style="margin-top: 6px"><span v-if="queryMap.ldhtjf !== undefined" style="color: red; font-size: 1.2rem">*</span>劳动合同甲方：</Col>
                <Col span="6">
                  <Input disabled v-model="newFormData.ldhtjf" type="text"></Input>
                </Col>
              </Row>
              <Row class="bench_search" >
                <Col span="6" style="margin-top: 6px"><span v-if="queryMap.qtjf !== undefined" style="color: red; font-size: 1.2rem">*</span>其他甲方：</Col>
                <Col span="6">
                  <Input disabled v-model="newFormData.qtjf" type="text"></Input>
                </Col>
              </Row>
              <Row class="bench_search" >
                <Col span="6" style="margin-top: 6px"><span v-if="queryMap.ldgxzm !== undefined" style="color: red; font-size: 1.2rem">*</span>劳动关系证明：</Col>
                <Col span="6">
                  <Input disabled v-model="newFormData.ldgxzm" type="text"></Input>
                </Col>
              </Row>
              <Row class="bench_search" >
                <Col span="6" style="margin-top: 6px"><span v-if="queryMap.qtzm !== undefined" style="color: red; font-size: 1.2rem">*</span>其他证明：</Col>
                <Col span="6">
                  <Input disabled v-model="newFormData.qtzm" type="text"></Input>
                </Col>
              </Row>
            <Row class="bench_search" >
              <Col span="6" style="margin-top: 6px">亲属信息：</Col>
            </Row>
            <Row class="bench_search" >
              <Table border :columns="familyColumns" :data="newFamilyList"  style="margin-top: 10px;">
                <template slot-scope="{ row }" slot="zzmm">
                  <div v-for="item in labelList.zzmm" :key="item.number">
                    <span v-if="item.number === row.zzmm">{{ item.type_name }}</span>
                  </div>
                </template>
                <template slot-scope="{ row }" slot="gx">
                  <div v-for="item in labelList.qsgx" :key="item.number">
                    <span v-if="item.number === row.gx">{{ item.type_name }}</span>
                  </div>
                </template>
              </Table>
            </Row>
            <Row class="bench_search" >
              <Col span="6" style="margin-top: 6px">考核信息：</Col>
            </Row>
            <Row class="bench_search" >
              <Table border :columns="assessmentColumns" :data="newAssessmentList" style="margin-top: 10px;">
                <template slot-scope="{ row }" slot="khlx">
                  <div v-for="item in labelList.khxx" :key="item.number">
                    <span v-if="item.number === row.khlx">{{ item.type_name }}</span>
                  </div>
                </template>
                <template slot-scope="{ row }" slot="khcj">
                  <div v-for="item in labelList.khjg" :key="item.number">
                    <span v-if="item.number === row.khcj">{{ item.type_name }}</span>
                  </div>
                </template>
              </Table>
            </Row>
          </Card>
        </Col>
      </Row>
    </Modal>
  </div>
</template>
<script>
import { getTypeList, getQuotaInfo } from '@/api/worker'
export default {
  name: 'check-personnel-info',
  data() {
    return {
      labelList: { hunyin: [], minzu: [], zzmm: [], dwzw: [], jwzw: [], jvwzw: [], xhzw: [], zgxl: [], xw: [], shgzs: [], qsgx: [], khjg: [], khxx: [] },
      queryEdit: false,
      newFamilyList: [],
      oldFamilyList: [],
      newAssessmentList: [],
      oldAssessmentList: [],
      dictList: [[], [], []],
      personnelInfo: {},
      formData: {},
      newFormData: {},
      queryMap: {},
      familyColumns: [
        { type: 'index', width: 60, align: 'center' },
        { title: '姓名', key: 'name', align: 'center'},
        { title: '政治面貌', slot: 'zzmm', align: 'center'},
        { title: '联系电话', key: 'mobile', align: 'center'},
        { title: '亲属关系', slot: 'gx', align: 'center'},
        { title: '工作单位', key: 'gzdw', align: 'center'}
      ],
      assessmentColumns: [
        { type: 'index', width: 60, align: 'center' },
        { title: '考核类型', slot: 'khlx', align: 'center'},
        { title: '考核成绩', slot: 'khcj', align: 'center'},
        { title: '考核时间', key: 'kh_time', align: 'center'}
      ]
    }
  },
  methods: {
    selectDifference (item) {
      this.personnelInfo = item
      getQuotaInfo(item).then(res => {
        if (res.data.errcode === 0) {
          // alert(res.data.data)
          console.log(res.data.data)
          this.queryEdit = true
          this.newFormData = res.data.data.infoMap
          this.queryMap = res.data.data.queryMap.freshMap
          this.formData = res.data.data.draftMap
          this.newAssessmentList = res.data.data.assessmentList
          this.newFamilyList = res.data.data.familyList
          this.oldFamilyList = res.data.data.familyDraftList
          console.log(this.oldFamilyList, 'this.oldFamilyList')
          this.oldAssessmentList = res.data.data.assessmentDraftList
        } else {
          this.$Notice.error({
            title: '获取对比信息失败',
            desc: res.data.errmsg
          })
        }
      })
    },
    getLabelList () { // 获取字典数据
      let param1 = { // 婚姻
        pid: '10006'
      }
      let param2 = { // 民族
        pid: '10008'
      }
      let param3 = { // 政治面貌
        pid: '10009'
      }
      let param4 = { // 党委职务
        pid: '10002'
      }
      let param5 = { // 居委职务
        pid: '10003'
      }
      let param6 = { // 监委职务
        pid: '10004'
      }
      let param7 = { // 协会职务
        pid: '10005'
      }
      let param8 = { // 最高学历
        pid: '10010'
      }
      let param9 = { // 学位
        pid: '10011'
      }
      let param10 = { // 学位
        pid: '10012'
      }
      let param11 = { // 亲属关系
        pid: '10015'
      }
      let param12 = { // 考核结果
        pid: '10014'
      }
      let param13 = { // 考核信息
        pid: '10013'
      }
      getTypeList(param1).then(res => {
        if (res.data.errcode === 0) {
          this.labelList.hunyin = res.data.data
          return
        }
        this.$Notice.error({ title: '查询失败' })
      })
      getTypeList(param2).then(res => {
        if (res.data.errcode === 0) {
          this.labelList.minzu = res.data.data
          return
        }
        this.$Notice.error({ title: '查询失败' })
      })
      getTypeList(param3).then(res => {
        if (res.data.errcode === 0) {
          this.labelList.zzmm = res.data.data
          return
        }
        this.$Notice.error({ title: '查询失败' })
      })
      getTypeList(param4).then(res => {
        if (res.data.errcode === 0) {
          this.labelList.dwzw = res.data.data
          return
        }
        this.$Notice.error({ title: '查询失败' })
      })
      getTypeList(param5).then(res => {
        if (res.data.errcode === 0) {
          this.labelList.jvwzw = res.data.data
          return
        }
        this.$Notice.error({ title: '查询失败' })
      })
      getTypeList(param6).then(res => {
        if (res.data.errcode === 0) {
          this.labelList.jwzw = res.data.data
          return
        }
        this.$Notice.error({ title: '查询失败' })
      })
      getTypeList(param7).then(res => {
        if (res.data.errcode === 0) {
          this.labelList.xhzw = res.data.data
          return
        }
        this.$Notice.error({ title: '查询失败' })
      })
      getTypeList(param8).then(res => {
        if (res.data.errcode === 0) {
          this.labelList.zgxl = res.data.data
          return
        }
        this.$Notice.error({ title: '查询失败' })
      })
      getTypeList(param9).then(res => {
        if (res.data.errcode === 0) {
          this.labelList.xw = res.data.data
          return
        }
        this.$Notice.error({ title: '查询失败' })
      })
      getTypeList(param10).then(res => {
        if (res.data.errcode === 0) {
          this.labelList.shgzs = res.data.data
          return
        }
        this.$Notice.error({ title: '查询失败' })
      })
      getTypeList(param11).then(res => {
        if (res.data.errcode === 0) {
          this.labelList.qsgx = res.data.data
          return
        }
        this.$Notice.error({ title: '查询失败' })
      })
      getTypeList(param12).then(res => {
        if (res.data.errcode === 0) {
          this.labelList.khjg = res.data.data
          return
        }
        this.$Notice.error({ title: '查询失败' })
      })
      getTypeList(param13).then(res => {
        if (res.data.errcode === 0) {
          this.labelList.khxx = res.data.data
          return
        }
        this.$Notice.error({ title: '查询失败' })
      })
    }
  },
  mounted() {
    this.getLabelList()
  }
}
</script>
<style>

</style>
